.fighter-card-popup {
  width: 650px;
  height: 970px;
  background: #fff;
  padding: 30px 20px 45px;

  .fighter-title {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .fighter-list {
    height: 840px;
    overflow-y: auto;

    .fighter-item {
      position: relative;
      width: 199px;
      background: #4c5055;
      border-radius: 10px;
      margin-bottom: 5px;
      margin-right: 6px;

      &:nth-of-type(3n) {
        margin-right: 0;
      }

      &.active {
        &::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 199px;
          height: 100%;
          background: rgb(18 76 135 / 50%);
          border-radius: 14px;
          border: 4px solid #1380f0;
        }
        .van-icon {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%,-50%);
          font-size: 60px;
          color: #fff;
        }
      }

      > img {
        width: inherit;
      }
    }
  }
}
